<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>伊甸园funny</title>
    <link rel="icon" href="images/logins.ico" type="image/x-icon"/>
    <link href="css/login.css" rel="stylesheet" rev="stylesheet" type="text/css" media="all" />
<link href="css/demo.css" rel="stylesheet" rev="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.js"></script>
<script type="text/javascript" src="js/Validform_v5.3.2_min.js"></script>

<script>
    <!-- 解决登录页面嵌套问题 -->
    if (window != top){
        top.location.href = location.href;
    }
	//更新验证码
	var random = '';
	function updateCaptcha() {
		random = new Date().getTime()+''+Math.floor(Math.random() * Math.pow(10, 8));
		$('#captcha_img').attr('src', "captcha/getCaptcha?rad="+random);
	}
    $(function(){
        updateCaptcha();
    $(".i-text").focus(function(){
    $(this).addClass('h-light');
    });

    $(".i-text").focusout(function(){
    $(this).removeClass('h-light');
    });

    $("#username").focus(function(){
     var username = $(this).val();
     if(username=='输入账号'){
     $(this).val('');
     }
    });

    $("#username").focusout(function(){
     var username = $(this).val();
     if(username==''){
     $(this).val('输入账号');
     }
    });


    $("#password").focus(function(){
     var username = $(this).val();
     if(username=='输入密码'){
     $(this).val('');
     }
    });


/*$("#yzm").focus(function(){
 var username = $(this).val();
 if(username=='输入验证码'){
 $(this).val('');
 }
});

$("#yzm").focusout(function(){
 var username = $(this).val();
 if(username==''){
 $(this).val('输入验证码');
 }
});*/

/*

$(".registerform").Validform({
	tiptype:function(msg,o,cssctl){
		var objtip=$(".error-box");
		cssctl(objtip,o.type);
		objtip.text(msg);
	},
	ajaxPost:true
});*/

    });
function sub(){
		$.ajax({
			url:"captcha/checkCode?rdm="+random+ "&yzmcode="+$("#yzm").val(),
			type:'GET',
			success:function(res){
				if(res!='success'){
					$("#tipCaptcha").text(res);
					updateCaptcha();
				}else{
					var form = document.getElementById('registerform');
					form.submit();
				}
			}
		})
}


</script>


</head>

<body>


<div class="header">
  <h1 class="headerLogo"><a title="后台管理系统" target="_blank" href="#"><img alt="logo" src="images/logo.gif"></a></h1>
<!--	<div class="headerNav">
		<a target="_blank" href="#">企业官网</a>
		<a target="_blank" href="#">关于我们</a>
		<a target="_blank" href="#">开发团队</a>
		<a target="_blank" href="#">意见反馈</a>
		<a target="_blank" href="#">帮助</a>
	</div>-->
</div>

<div class="banner">

<div class="login-aside">
  <div id="o-box-up"></div>
  <div id="o-box-down"  style="table-layout:fixed;">
   <div class="error-box"></div>

   <form class="registerform" id="registerform"   action="loginAction" method="post">
   <div class="fm-item">
	   <label for="logonId" class="form-label">JJClub系统登陆：</label>
	   <input type="text" value="输入账号" maxlength="100" id="loginid" name="loginid" class="i-text" ajaxurl="demo/valid.jsp"  datatype="s6-18" errormsg="用户名至少6个字符,最多18个字符！"  >
       <div class="ui-form-explain"></div>
  </div>

  <div class="fm-item">
	   <label for="logonId" class="form-label">登陆密码：</label>
	   <input type="password" value="" maxlength="100" id="password" name="password" class="i-text" datatype="*6-16" nullmsg="请设置密码！" errormsg="密码范围在6~16位之间！">
       <div class="ui-form-explain"></div>
  </div>

  <div class="fm-item pos-r">
	   <label for="logonId" class="form-label">验证码</label>
	   <input type="text" value="输入验证码" maxlength="100" id="yzm" class="i-text yzm" nullmsg="请输入验证码！" >
       <div class="ui-form-explain" onclick="updateCaptcha()"><img src="" class="yzm-img" id="captcha_img" /></div>
  </div>

  <div class="fm-item">
	   <label for="logonId" class="form-label"></label>
	   <input type="button" value="" tabindex="4" id="send-btn" class="btn-login" onclick="sub()">
       <div class="ui-form-explain"></div>
  </div>

  </form>

  </div>

</div>

	<div class="bd">
		<ul>
			<li style="background:url(themes/theme-pic1.jpg) #CCE1F3 center 0 no-repeat;"><a target="_blank" href="#"></a></li>
			<li style="background:url(themes/theme-pic2.jpg) #BCE0FF center 0 no-repeat;"><a target="_blank" href="#"></a></li>
		</ul>
	</div>

	<div class="hd"><ul></ul></div>
</div>
<script type="text/javascript">jQuery(".banner").slide({ titCell:".hd ul", mainCell:".bd ul", effect:"fold",  autoPlay:true, autoPage:true, trigger:"click" });</script>


<div class="banner-shadow"></div>

<div class="footer">
   <p>Copyright &copy; 2014.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
</div>

</body>
</html>
